// 聊天的正式界面
<template>
    <div id='chat-box-container'>
        <Scroll :height="550" style="padding: 5px" id="history">
            <chat-item-view v-for="(item, index) in attention.msgList" :key="`chat-history-view-${index}`" :privateMsg="item" />
        </Scroll>
        <div class="chat-edit-box">
            <Input type="textarea" :border="false" :autosize="{minRows: 7,maxRows: 7}" v-model="attention.draft" @on-keyup="inputKeyup" />
            <Button type="primary" style="margin-bottom: 20px; margin-right: 20px" @click="sendMsg">
                发送
            </Button>
        </div>
    </div>
</template>

<script lang='ts'>
import { ChatBox } from "./Index";
export default ChatBox;
</script>

<style lang='scss'>
@import './Index.scss';
</style>